<div>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/tasks' }">任务列表</el-breadcrumb-item>
            <el-breadcrumb-item>查看</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div>
        <!-- 名称 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">名称：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.name}}</div></el-col>
        </el-row>
        <!-- 注册路径 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">注册路径：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.url}}</div></el-col>
        </el-row>
        <!-- 执行路径 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">调用路径：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.path}}</div></el-col>
        </el-row>
        <!-- 执行方法 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">执行方法：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.method}}</div></el-col>
        </el-row>
        <!-- 版本号 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">版本号：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.version}}</div></el-col>
        </el-row>
        <!-- 分组 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">分组：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.group}}</div></el-col>
        </el-row>
        <!-- 执行计划 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">执行计划：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.cron}}</div></el-col>
        </el-row>
        <!-- 协议 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">协议：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.protocol}}</div></el-col>
        </el-row>
        <!-- 参数 -->
        <el-row>
            <el-col :span="3" style="text-align: end"><div class="grid-content bg-purple-dark">参数：</div></el-col>
            <el-col :span="12"><div class="grid-content bg-purple-dark">{{info.parameters}}</div></el-col>
        </el-row>
    </div>
</div>
